@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ width:100%; margin:0; padding:0; font-size:14px; background:#fff; font-family: "微软雅黑";}
img{ border:0px;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a{ text-decoration:none; }
li{ list-style:none;}
input,select,area,textarea{outline: 0; -moz-outline: 0; vertical-align: middle;}
table{border-collapse:collapse;}
.auto{ width: 1001px; margin: 0 auto;}
em,i{ font-style: normal;}
h1,h2,h3,h4,h5,h6,b{ font-weight: normal;}



.limit{
  overflow:hidden;
  text-overflow:ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.limit-1{-webkit-line-clamp: 1;}
.limit-2{-webkit-line-clamp: 2;}
.limit-3{-webkit-line-clamp: 3;}
.limit-4{-webkit-line-clamp: 4;}
.limit-5{-webkit-line-clamp: 5;}
/*顶部top---样式*/
.top{width: 100%; height: 36px; background: #dfdfdf;}
.top div{width: 1001px; margin: 0 auto;}
.top div dl{float: right;}
.top div dl dt{display: inline-block; font-size: 12px; line-height: 36px; color: #666666;}
.top div dl dt b{margin: 0 17px; color: #ffffff;}
.top div dl dt a{font-size: 12px; line-height: 36px; color: #666666;}
.top div dl dt a:hover{color: #2b8b33;}
.top div dl dt span em{font-style: italic;}

/*头部header---样式*/
.header{width: 1001px; margin: 0 auto;}
.head{margin: 18px auto;}
.logo{width: 200px;}

/*注册登录与购物车*/
.login{width: 690px; margin: -10px 0 0 auto;}
.login dl .car_info{position: relative;}
.login dl dt b{margin: 0 18px;}
.login dl dt a{display: inline-block; height: 23px; font-size: 14px; line-height: 24px; color: #333333;}
.login dl dt .reg{display: inline-block; background: url("../images/icon.png") no-repeat left top; padding-left: 27px;}
.login dl dt .log{display: inline-block; background: url("../images/icon.png") no-repeat left -32px; padding-left: 26px;}
.login dl dt .car{display: inline-block; background: url("../images/icon.png") no-repeat left -64px; padding-left: 32px;}
.login dl .car_info em{position: absolute; top:-7px; left: 25px; font-size: 12px; color: #d70f0f; font-weight: bolder;}

/*导航栏nav*/
.nav{margin: 0;}
.nav ul{ margin: 10px 0 0 0; *float: right;}
.nav ul li{display: inline-block; *float:left;}
.nav ul li b{color: #cccccc; margin: 0;}
.nav ul li:hover>a{*color: #ffffff;
    color: #ffffff;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#308e38,endColorStr=#94c06f); /*IE 6 7 8*/
    background: -ms-linear-gradient(right,#94c06f,#308e38);/* IE 10 */
    background:-moz-linear-gradient(right,#94c06f,#308e38);/*火狐*/
    background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#308e38), to(#94c06f));/*谷歌*/
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#308e38), to(#94c06f));/* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(right,#94c06f,#308e38);/*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(right,#94c06f,#308e38);/*Opera 11.10+*/
}
.nav ul li>a{display: inline-block; width: auto; height: 37px; padding: 0 14px 0 14px; line-height: 37px; font-size: 14px; color: #666666;}
.nav ul .hover a{color: #ffffff;}
.nav ul .hover{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#308e38,endColorStr=#94c06f); /*IE 6 7 8*/
    background: -ms-linear-gradient(right,#94c06f,#308e38);/* IE 10 */
    background:-moz-linear-gradient(right,#94c06f,#308e38);/*火狐*/
    background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#308e38), to(#94c06f));/*谷歌*/
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#308e38), to(#94c06f));/* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(right,#94c06f,#308e38);/*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(right,#94c06f,#308e38);/*Opera 11.10+*/
}
.nav ul li dl{height: auto; padding: 0 14px 0 14px; line-height: 37px; font-size: 14px; color: #666666;
background:#ffffff; z-index:3; text-align: center;}
.nav ul li dl dd a{ background: #ffffff; }
.nav ul li dl dd a.list{color: #666666; display: block; width: auto; height: auto; padding: 0; line-height: 37px; font-size: 14px; background: #ffffff;}
.nav ul li dl dd a.list:hover{color: #f29f29;}


/*banner*/
.banner{width: 1001px; height: 240px;}
.flexslider{position:relative; width:100%; margin:0 auto; height:240px; -overflow:hidden;}
.slides{position:relative;z-index:1;font-size: 0; height: 240px;}
.slides li{ width:1001px;height:auto; position:relative; font-size: 0;}
.slides li a{ display:block; font-size: 0; width:1001px; height:100%;}
.slides li a img{ width:100%; -height:auto; height: 240px;}

.flex-control-nav{ width: auto; position:absolute; top:210px; z-index:2; right:25px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1; }
.flex-control-nav a{display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#2b8b33; cursor:pointer; border: 2px solid #2b8b33; border-radius: 14px;}
.flex-control-nav .flex-active{background:#ffffff;}


.flex-direction-nav li a{display:block; width:20px; height:32px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li .flex-prev{background: url("../images/bann_left.png") no-repeat; position:absolute; left: -31px; top: 115px; z-index: 99;}
.flex-direction-nav li .flex-next{background: url("../images/bann_right.png") no-repeat; position:absolute; right: -31px; top: 115px; z-index: 99;}



/*底部footer*/
.footer{width: 100%; height: auto; background: #f4f4f4;}
.foot_nav{width: 100%; height: auto; border-top: 2px #318f32 solid; overflow: hidden;}
.foot_nav div{width: 1078px; height: auto; margin: 22px auto; overflow: hidden;}
.foot_nav div ul{float:left; display: inline-block; margin-right: 72px; margin-left: 66px;}
.foot_nav div ul:last-child{margin-right: 0;}
.foot_nav div ul p{height: 40px;}
.foot_nav div ul p span{display:block; width: 91px; font-size: 18px; font-weight: 500; line-height: 34px; color: #333333; border-bottom: 1px #cccccc solid;}
.foot_nav div ul .p1{background: url("../images/foot_icon.png") no-repeat left 7px; padding-left: 40px;}
.foot_nav div ul .p2{background: url("../images/foot_icon.png") no-repeat left -36px; padding-left: 39px;}
.foot_nav div ul .p3{background: url("../images/foot_icon.png") no-repeat left -81px; padding-left: 42px;}
.foot_nav div ul .p4{background: url("../images/foot_icon.png") no-repeat left -128px; padding-left: 36px;}
.foot_nav div ul .p5{background: url("../images/foot_icon.png") no-repeat left -180px; padding-left: 41px;}

.foot_nav div ul li{background: url("../images/icon.png") no-repeat left -307px; padding-left: 9px; margin-left: 32px;}
.foot_nav div ul li a{font-size: 16px; color: #666666; line-height: 24px;}
.foot_nav div ul li a:hover{color: #318f32;}

.foot_info{width: 100%; height: auto; border-top: 1px #c7c7c7 solid; padding: 27px 0;}
.foot_info div{width: 1001px; height: auto; margin: 0px auto;}

.foot_info .tel{width: 790px; color: #666666; float: left;}
.foot_info .tel span{display: block; font-size: 14px; font-weight: bolder; line-height: 24px;}
.foot_info .tel em{display: block; font-size: 16px;  font-weight: bolder;line-height: 24px;}
.foot_info .share{width: 210px; float: right; font-size: 12px; color: #666666; font-weight: bolder;}
.foot_info .share .share_l{width: 80px; float: left;}
.foot_info .share .share_l p{font-size: 14px; color: #666666; font-weight: normal;}

.foot_info .share .share_r{width: 130px; float: right;}
.foot_info .share .share_r a{display: inline-block; margin: 0 5px; line-height: 33px;}
.foot_info .share .share_r a:last-child{margin-right: 0;}
.foot_info .share .share_r a img{vertical-align: middle;}

.copy{width: 100%; font-size: 14px; color: #666666; line-height: 24px;}
.copy p{display: inline-block;}


/*右侧在线客服online*/

.online{width:131px; height: auto; border:1px #83b65a solid; border-radius: 5px; position: fixed; right: 0px; top: 161px; z-index: 99; background: #ffffff;}
.online p{width:131px;font-size: 16px; color: #308d35; text-align: center; line-height: 34px; padding-top: 8px;}

.online ul li{width: 100px; height: 25px; margin: 0 auto 10px auto; background: url("../images/qq_bg.png") no-repeat left center;}
.online ul li a{text-align: center; padding-left: 39px; line-height: 25px; color: #045c98; font-size: 14px;}
.online span{display: block; width:131px; font-size: 14px; color: #333333; text-align: center; line-height: 30px;}
.online em{font-size: 16px; font-weight: bolder; display: block; width:131px; color: #308d35; text-align: center; margin-bottom: 10px; }
.online img{width: 104px; height: 104px;  padding: 13px;}


/*------------------------------------内容页------------------------------------------*/
.main{width: 1001px; margin: 28px auto; }
/*侧栏slidebar*/
.slidebar{width: 280px; margin-bottom: 28px; }
.s_nav{width: 100%;}
.s_title{width: 263px; height: 51px; background: url("../images/slide_title_bg.png") no-repeat;}
.s_title{font-size: 20px; color: #ffffff; line-height: 51px; padding-left: 17px;}
.s_title span{font-size: 12px;}
.s_list{width: 100%;}
.s_list ul{border: 1px #bec7bf solid; margin-bottom: 7px;}
.s_list ul li{ background: url("../images/open.png") no-repeat 18px center;}
.s_list ul li a{font-size: 14px; font-weight: bolder; color: #333333; line-height: 45px; padding-left: 46px;}
.s_list ul li a:hover{color: #308d35;}

.s_list ul dl{width: 186px; height: auto; margin: -10px auto 14px auto; line-height: 26px; display: none;}
.s_list ul dl dd{border-bottom: 1px #fff solid;}
.s_list ul dl dd a{ color: #666666;}
.s_list ul dl dd:hover{border-bottom: 1px #cccccc solid;}
.s_list ul dl dd:hover a{color: #318f32;}
.s_list ul dl dd .hover{border-bottom: 1px #cccccc solid;}
.s_list ul dl dd .hover a{color: #318f32;}

.s_contact{width: 278px; border: 1px #409740 solid; margin-top: 15px; padding: 13px 0;}
.s_contact p{border-bottom: 1px #dfdfdf solid; line-height: 20px; color: #333333; width: 215px; margin: 0 auto; padding-top: 8px; padding-bottom: 8px;}
.sc_email{ background: url("../images/slide_con.png") no-repeat 5px 10px; padding-left: 35px;}
.sc_tel{ background: url("../images/slide_con.png") no-repeat 5px -26px; padding-left: 35px;}
.sc_fex{ background: url("../images/slide_con.png") no-repeat 5px -73px; padding-left: 35px;}
.sc_addr{ background: url("../images/slide_con.png") no-repeat 5px -116px; padding-left: 35px; line-height: 20px;}

/*内容栏目content*/
.content{width: 694px; overflow: hidden;}
.con_title{font-size: 16px; color: #2b8b33; width: 100%; border-bottom: 2px #cccccc solid; line-height: 36px;}

/*分页pages*/
.pages{width: 100%; text-align: right; font-size: 16px; line-height: 48px; margin: 23px 0 17px 0;}
.pages .prev{display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #999999; color: #ffffff;}
.pages .prev:hover{background: #308d35; color: #ffffff;}
.pages .next{display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #999999; color: #ffffff;}
.pages .next:hover{background: #308d35; color: #ffffff;}
.pages a{display: inline-block;  min-width: 19px; width: auto; height: 30px; line-height: 30px; text-align: center; color: #333333;}
.pages a:hover{ color: #308d35;}
.pages .hover{ color: #308d35;}


/*头部搜索页面search*/
.head .logoright{width: 690px;}
.head .sear{width:690px; margin-top: 10px;}
.head .sear .s_content{font-size: 12px; background: #dfdfdf; color: #666666; padding: 3px 0; width:395px; }
.head .sear .s_content .s_type{float: left; margin-left: 10px;}
.head .sear .s_content .s_type span{display: block; float: left; line-height: 25px;}
.head .sear .s_content .s_type dl{float: left; height: 25px; margin-left: 3px; position: relative;}
.head .sear .s_content .s_type dl .sel{ display: block; width: 60px; height: 25px; line-height: 25px; padding-left: 4px; padding-right: 5px; background: #FFFFFF url("../images/icon.png") no-repeat 54px -188px;}
.head .sear .s_content .s_type dl .op{display: none; position: absolute; left: 0; top: 25px; background: #ffffff; width: 70px;  border-top: 1px #dfdfdf solid; line-height:30px; z-index: 4;}
.head .sear .s_content .s_type dl .op em{display: block; padding-left: 4px;}
.head .sear .s_content .s_type dl .op em:hover{color: #308e38;}
.head .content .s_content .s_type dl .op .hover{color: #308e38;}

.head .sear .s_content .s_key{float: left; margin-left: 10px;}
.head .sear .s_content .s_key input{ margin-left: 3px; width: 100px; height: 25px; font-size: 12px; color: #666666; border: none; -background: #ffffff url("../images/icon.png") no-repeat 83px -188px; padding-left: 5px; line-height: 25px; }

.head .sear .s_content .s_btn{float: left; margin-left: 10px; *margin-left: 5px;}
.head .sear .s_content .s_btn input{width: 65px; height: 25px; font-size: 12px; color: #FFFFFF; border: none; background: #f29f29 url("../images/icon.png") no-repeat 5px -160px; padding-left: 5px; cursor: pointer;}